<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.3.2.css"/>
<script src="js/jquery-1.11.1.js"></script>
<script src="js/jquery.mobile-1.3.2.js"></script>
<script src="js/zhyecx.js"></script>
<script src="js/area.js"></script>
<style>
.zdcd a{text-decoration:none;}
</style>
<meta charset="utf-8">
</head>
<body>

<div data-role="page" id="pageone">
  <div data-role="header">
  <a id="right-panel-link" href="#left-menu" data-icon="grid" data-role="button" class="ui-btn-left" >菜单</a>
  <!--<a href="#" class="jqm-navmenu-link" data-icon="bars" data-iconpos="notext">Navigation</a>-->
    <h1>遂平恒生村镇银行</h1>
    <div id="left-menu" data-role="panel" data-position="right" data-display="overlay" class="zdcd">
        <div data-role="collapsible-set">
      <div data-role="collapsible" data-theme="c">
        <h3>账户管理</h3>
            <p><a href="zhgl.html">新增账户</a></p>
            <p><a href="zhgl.html">删除账户</a></p>
            <p><a href="zhgl.html">设置账户别名</a></p>
            <p><a href="zhgl.html">紧急挂失</a></p>
            <p><a href="zhgl.html">修改账户密码</a></p>
            <p><a href="zhyecx.html">账户余额查询</a></p>
            <p><a href="jymxcx.html">交易明细查询</a></p>
      </div>
      <div data-role="collapsible" data-theme="c">
        <h3>服务</h3>
            <p><a href="#">设置个人信息</a></p>
            <p><a href="dlmmxg.html">登陆密码修改</a></p>
      </div>
      <div data-role="collapsible" data-theme="c">
        <h3>转账</h3>
        <p><a href="zzhk.html" >转账汇款</a></p>
        <p><a href="zzmxcx.html" >转账明细查询</a></p>
        <p><a href="skzhgl.html" >收款账户管理</a></p>
      </div>
      <!--
      <div data-role="collapsible" data-theme="c">
        <h3>我的贷款</h3>
        <p>退出</p>
      </div>-->
      <a href="#login" data-role="button" data-theme="e" >登陆</a>
      <button data-theme="b">退出</button>
    </div>
	</div>
  </div>

  <div data-role="content">
  <div data-role="navbar">
      <ul>
        <li><a href="zhgl.html" data-icon="home">账户管理</a></li>
        <li><a href="zzhk.html"  data-icon="home">转账</a></li>
        <li><a href="zhyecx.html"  data-icon="home">余额查询</a></li>
      </ul>
      <ul>
        <li><a href="jymxcx.html" data-icon="home" >交易明细查询</a></li>
        <li><a href="zhgl.html" data-icon="home">紧急挂失</a></li>
        <li><a href="skzhgl.html" data-icon="home" >收款账户管理</a></li>
      </ul>
    </div>
  </div>

  <div data-role="footer" data-position="fixed">
    <h1></h1>
  </div>
</div>

    <div data-role="page" id="login">
  <div data-role="header">
  <a id="right-panel-link" href="#pageone" data-role="back" data-icon="arrow-l" class="ui-btn-left">返回</a>
    <h1>登陆页面</h1>
  </div>

  <div data-role="content">
     <form method="post" action="demoform.asp">
      <div data-role="fieldcontain">
        <label for="fullname">账户：</label>
        <input type="text" name="fullname" id="fullname">
        <label for="fullname">密码：</label>
        <input type="text" name="fullname" id="fullname">             
    <label for="switch">记住账户：</label>
        <select name="switch" id="switch" data-role="slider">
          <option value="on">是</option>
          <option value="off">否</option>
        </select>
      </div>
      <input type="submit" data-inline="true" value="登陆">
      <a href="#pageone"><input type="button" value="取消" data-inline="true"></a>
    </form>
  </div>

  <!--<div data-role="footer" data-position="fixed" >
    <h1></h1>
  </div>-->
</div> <!--登陆-->
<div data-role="page" id="cyzhgl">
      <div data-role="header">
        <h1>选择账户</h1>
      </div>
    
     <div data-role="content">
      <ul data-role="listview">
      <li data-role="list-divider">
      　　　　　收款账号　　　　　 账户名称
　</li>
      </ul>
 <div data-role="collapsible-set" data-inset="false" id="lxrlb">
      </div>
    
      <div data-role="footer" data-position="fixed">
        <h1></h1>
      </div>
    </div>
    </div>
</body>
</html>
